<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>领一科技_软件开发_小程序定制_APP定制_银行立减金系统_银行优惠券系统_电商系统定制</title>
    <meta name="description" content="成都领一科技有限公司是西南优秀的软件系统开发服务公司，官网www.01cd.cn，提供银行立减金发放、代金券发放开发、银行吸储活动应用开发、影视系统、声乐教学系统、电商系统等解决方案，提供有价值的计算基础架构。与清华大学团队合作完成过影视大数据项目.为西南财经大学提供过软件技术服务。">
    <meta name="keywords" content="小程序,APP,H5,AI智能,软件开发,考试系统,智慧系统,互联网医院,影视平台,教学系统,四川软件开发,成都小程序开发,成都网站开发,成都app开发">
    <meta name="baidu-site-verification" content="codeva-kex7vfeQ7j" />
    <link rel="icon" sizes="any" mask="" href="01cd.ico">
    <link rel="stylesheet" href="./css/layui.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/styles.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/dataStyle.css">

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?fa6bbcc2971865d75c5f1658fd8c2315";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script src="./js/modernizr.js"></script>
    <script src="./js/stopExecutionOnTimeout.js"></script>
    <script src="./js/jquery-2.2.4.min.js"></script>
    <script src="./js/main.js"></script>

</head>
<body>
    <nav class="nav">
        <ul class="layui-nav" lay-filter="">
            <img src="./images/01cd.png" height="68">
            <li class="layui-nav-item active1" data-target="1"><a>首页</a></li>
            <li class="layui-nav-item active2" data-target="2"><a>产品</a></li>
            <li class="layui-nav-item active3" data-target="3"><a>合作</a></li>
            <li class="layui-nav-item active4" data-target="4"><a>数据展示</a></li>
            <li class="layui-nav-item active5" data-target="5"><a>服务流程</a></li>
            <li class="layui-nav-item active6" data-target="6"><a>关于我们</a></li>

<!--            <li class="layui-nav-item">-->
<!--                <a href="javascript:;">解决方案</a>-->
<!--                <dl class="layui-nav-child">-->
<!--                    <dd><a href="">移动模块</a></dd>-->
<!--                    <dd><a href="">后台模版</a></dd>-->
<!--                    <dd><a href="">电商平台</a></dd>-->
<!--                </dl>-->
<!--            </li>-->
            <li class="qrcode">
                <i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; "></i>
            </li>
        </ul>
        <img class="contact-qrcode" src="./images/qiwechat.png">
    </nav>
    <div class="wrapper active-page1">

        <div class="page page1">
            <div class="layui-carousel banner" id="banner">
                <div carousel-item>
                    <div class="slide-item">
                        <div class="adv1  ">
                            <h1 class="animate__animated animate__zoomInDown">小程序 APP 网站 <a style="color: #cf4b2b">免费报价</a></h1>
                            <p  class="animate__animated animate__fadeIn animate__delay-05s">精细化定制  快速开发  高效交付  稳定售后</p>
                            <p  class="animate__animated animate__fadeIn animate__delay-08s">和成都领一科技合作  让您的技术支持更坚固</p>
                        </div>
                        <a href="#">
                            <img src="./images/md-bg4.png">
                        </a>
                    </div>
                    <div class="slide-item">
                        <div class="adv1">
                            <h1 class="animate__animated animate__backInDown">网易服务商 资质更优质</h1>
                            <p class="animate__animated animate__fadeInLeft">我们是网易有道在成都位数不多的服务商 资质、资源领先于同行</p>
                            <p class="animate__animated animate__fadeInLeft">与网易合作 在多所高校开展教育项目研发</p>
                        </div>
                        <a href="#">
                            <img src="./images/md-bg5.png">
                        </a>
                    </div>
                    <div class="slide-item">
                        <a href="#">
                            <img src="./images/bg-bg-wechat.png">
                        </a>
                    </div>

                    <div class="slide-item">
                        <a href="#">
                            <img src="./images/bg-bg3.png">
                        </a>
                    </div>
                </div>
            </div>
            <div class="service item animate__animated animate__bounceInUp animate__delay-03s">
                <div>
                    <a href="#">
                        <div class="info">
                            <img height="38" src="./images/dingzhi.png" alt="">
                            <div class="desc">
                                <span class="title">高端定制</span>
                                <span class="detail">企业、政府、学校、银行应用系统一对一定制</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="gap">
                    <span ></span>
                </div>
                <div>
                    <a href="#">
                        <div class="info">
                            <img height="38" src="./images/yiliao.png" alt="">
                            <div class="desc">
                                <span class="title">系统分包</span>
                                <span class="detail">智慧医疗、智慧交通、智慧养老系统分包实施</span>
                            </div>
                        </div>
                    </a>
                </div>
                <span class="gap"></span>
                <div>
                    <a href="#">
                        <div class="info">
                            <img height="38" src="./images/jungong.png" alt="">
                            <div class="desc">
                                <span class="title">团队驻场</span>
                                <span class="detail">大型项目，团队驻场研发</span>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--终端-->
        <div class="page page2">
            <div class="head">
                <h1>全终端 多行业</h1>
                <div class="desc">
                    <p>小程序、APP、网站、桌面应用数据打通，一套系统跨多种终端。</p>
                    <p>教育类、电商类、外卖类、商城类、医疗类、同城服务类、上面类、租赁类、跑腿类、影音类，均可定制开发为小程序、APP、网站</p>
                </div>
            </div>
            <div class="module">
                <div class="item animate__animated animate__zoomIn animate__delay-05s">
                    <div class="body1">
                        <div class="title">
                            小程序
                        </div>
                        <img width="88" src="./images/mp-1.png">
                    </div>
                    <div class="desc">
                        <p>
                            支持定制所有业务类型小程序，包括微信生态、支付宝生态、抖音生态、快手生态、百度生态。
                        </p>
                    </div>
                </div>
                <div class="item animate__animated animate__zoomIn animate__delay-05s">
                    <div class="body2">
                        <div class="title">
                            APP
                        </div>
                        <img width="88" src="./images/app-1.png">
                    </div>
                    <div class="desc">

                        <p>
                            支持定制安卓、iOS、鸿蒙APP，提供全流程上架各应用市场指导。
                        </p>
                    </div>
                </div>
                <div class="item animate__animated animate__zoomIn animate__delay-05s">
                    <div class="body3">
                        <div class="title">
                            H5
                        </div>
                        <img width="88" src="./images/h5-1.png">
                    </div>
                    <div class="desc">

                        <p>
                            支持定制手机端网站应用，实现微信生态的银行立减金发放、代金券发放、微信支付、消息推送、收付通分账等。
                        </p>
                    </div>
                </div>
                <div class="item animate__animated animate__zoomIn animate__delay-05s">
                    <div class="body4">
                        <div class="title">
                            电脑端
                        </div>
                        <img width="88" src="./images/PC-1.png">
                    </div>
                    <div class="desc">

                        <p>
                            支持定制数据监控大屏、所有行业门户网站、各行业管理系统，响应式兼容电脑端和移动端。
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!--服务品牌-->
        <div class="page page3">
            <!--服务品牌-->
            <div class="head">
                <h1 >服务客户品牌展示</h1>
                <h3 class="desc">成都领一科技有限公司，主要服务的品牌企业分布在北京、四川、山西、河北、广州、天津，是网易在四川为数不多的开发服务商之一，合作开发软件类型涵盖教育类、医疗类、影音类、电商类、银行活动类、餐饮类、生活服务类、家居类等。我们的技术研发团队响应速度快，技术经验丰富，推进项目进展高效，深得各企业高度认可和一致好评！</h3>
            </div>
            <div class="cooper-list">
                <div class="brand">
                    <img src="./images/logoes/qinghua.png">
                    <img src="./images/logoes/finacial.png">
                    <img src="./images/logoes/youdao.png">
                    <img src="./images/logoes/zhenledao.png">
                    <img src="./images/logoes/shanxinongshang.png">
                    <img src="./images/logoes/ybhealth.png">
                    <img src="./images/logoes/jiaren.png">
                    <img src="./images/logoes/xiaohandou.png">
                    <img src="./images/logoes/huike.png">
                    <img src="./images/logoes/jinkuihua.png">
                    <img src="./images/logoes/shixi.png">
                    <img src="./images/logoes/miaoyisheng.png">
                    <img src="./images/logoes/qiyuanjie.png">
                    <img src="./images/logoes/sanweizhai.png">
                    <img src="./images/logoes/lianxiaow.png">
                    <!--                    <img src="./images/logoes/xishijiaju.png">-->
                    <img src="./images/logoes/jiuyim.png">

                </div>
            </div>
        </div>

        <!--服务数据-->
        <div class="page page4">
            <!-- 头部模块 -->
            <header>
            </header>
            <div class="main">
                <!-- top5 -->
                <div class="top5">
                    <div class="top5-title">
                        <span>应用需求热度</span>
                    </div>
                    <div class="top5-content">
                        <ul>
                            <li>
                                <div class="cicle"></div>
                                <div class="li-content">
                                    <div class="data">
                                        <span>小程序</span>
                                        <span>54%</span>
                                        <span><img src="./images/up.png" alt=""></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="cicle"></div>
                                <div class="li-content">
                                    <div class="data">
                                        <span>管理系统</span>
                                        <span>17%</span>
                                        <span><img src="./images/up.png" alt=""></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="cicle"></div>
                                <div class="li-content">
                                    <div class="data">
                                        <span>APP</span>
                                        <span>11%</span>
                                        <span><img src="./images/down.png" alt=""></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="cicle"></div>
                                <div class="li-content">
                                    <div class="data">
                                        <span>H5</span>
                                        <span>9%</span>
                                        <span><img src="./images/down.png" alt=""></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="cicle"></div>
                                <div class="li-content">
                                    <div class="data">
                                        <span>桌面应用</span>
                                        <span>7%</span>
                                        <span><img src="./images/down.png" alt=""></span>

                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 服务数据 -->
                <div class="total">
                    <div class="data1">
                        <span>项目服务用户量累计</span>
                        <p>7,800,000+</p>
                    </div>
                    <div class="data2">
                        <span>项目日均活跃数累计</span>
                        <p>100,000+</p>
                    </div>
                    <div class="data3">
                        <span>服务器数量</span>
                        <p>36</p>
                    </div>
                    <div class="data4">
                        <span>服务银行数</span>
                        <p>6</p>
                    </div>
                    <canvas class="rain"></canvas>
                    <canvas class="dashed"></canvas>
                    <div class="sphere">
                        <div class="sphere-bg"></div>
                        <div class="sum">
                            <span>助力政、企、校数量</span>
                            <p>23</p>
                        </div>
                    </div>
                    <div class="cicle3"></div>
                    <div class="cicle4"></div>
                    <div class="cicle5"></div>
                    <div class="cicle6"></div>
                    <div class="cicle7"></div>
                    <div class="cicle8">
                        <span>1所</span>
                        <p>公共服务单位</p>
                    </div>
                    <div class="cicle9">
                        <span>14家</span>
                        <p>企业</p>
                    </div>
                    <div class="cicle10">
                        <span>2所</span>
                        <p>985院校</p>
                    </div>
                    <div class="cicle11">
                        <span>6家</span>
                        <p>银行</p>
                    </div>
                </div>
                <div class="analyse">
                    <div class="analyse-title">
                        <span>银行活动系统数据分析</span>
                    </div>
                    <ul>
                        <li>
                            <img src="./images/s3.png" alt="">
                            <h5>2021年度助力银行吸储</h5><br>
                            <span>deposit-taking</span><br>
                            <em>￥20,000,000+</em>
                        </li>
                        <li>
                            <img src="./images/s1.png" alt="">
                            <h5>银行立减金流水</h5><br>
                            <span>Distribute coupons</span><br>
                            <em>￥400,000+</em>
                        </li>
                        <li>
                            <img src="./images/s2.png" alt="">
                            <h5>助力银行发放商户奖品</h5><br>
                            <span>Prize coupons</span><br>
                            <em>8000+</em>
                        </li>
                    </ul>
                    <div class="execution">
                        <div class="title">客户好评</div>
                        <div class="cicle1"></div>
                        <div class="cicle2"></div>
                        <div class="waterChart1">
                            <div class="chart-title">售前</div>
                            <div class="chart1">99%</div>
                        </div>
                        <div class="waterChart2">
                            <div class="chart-title">售后</div>
                            <div class="chart2">99%</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 底部模块 -->
            <div class="bottom">
                <h5><span>软件服务数据大屏</span></h5>
                <p>2020 - <b class="year"></b></p>
            </div>
        </div>
        <div class="page page5">
            <div class="liucheng">
                <img src="./images/liucheng.jpg">
            </div>
        </div>
        <div class="page page6">

        </div>
    </div>
<!--    <div class="nav-panel">-->
<!--        <div class="scroll-btn up"></div>-->
<!--        <div class="scroll-btn down"></div>-->
<!--        <nav>-->
<!--            <ul>-->
<!--                <li data-target="1" class="nav-btn nav-page1 active"></li>-->
<!--                <li data-target="2" class="nav-btn nav-page2"></li>-->
<!--                <li data-target="3" class="nav-btn nav-page3"></li>-->
<!--                <li data-target="4" class="nav-btn nav-page4"></li>-->
<!--                <li data-target="5" class="nav-btn nav-page5"></li>-->

<!--            </ul>-->
<!--        </nav>-->
<!--    </div>-->

    <!--口碑-->
    <!--底部导航-->
    <!--友情链接-->
<div class="last-page">
    <div class="body">
        <div>
            <img class="animate__animated " src="./images/01cd.png"><h1 style="font-weight: bold;">成都领一科技有限公司</h1>
            <p style="font-size: 20px;margin-top: 10px;"><a href="www.cd01.cn"><a style="color: #0bc9c9;">C</a><a>D</a><a style="color: #0bc9c9;">0</a><a>1</a>.com</a></p>
            <h1  style="font-size: 20px;margin-top: 10px;color: #0bc9c9;font-weight: bold;">期待与您合作</h1>
        </div>
    </div>
    <footer>
        <div class="info">
            <div class="contact">
                <img width="166" style="padding: 20px" src="./images/qiqrcode.jpg">
                <p style="padding-left: 30px">服务时间：24h</p>
            </div>
            <div class="links">
                友情链接:
                <br><br><a href="https://www.aliyun.com/daily-act/ecs/activity_selection?userCode=nhb80eox">阿里云特惠服务器</a>
                <br><br><a href="https://mp.weixin.qq.com/">微信公众平台</a>
                <br><br><a href="https://promptszone.com/?rc=nRbsdehpqP">ChatGPT国内工具</a>
                <br><br><a href="http://hypercmf.com">HyperCMF</a>
                <br><br><a href="https://cloud.baidu.com/wenxin.html">文心一言</a>

            </div>
            <div class="coopers">
                合作伙伴:
                <br><br><a href="https://www.youdao.com/">网易有道</a>
                <br><br><a href="https://open.dxy.cn/">丁香园</a>
                <br><br><a href="https://www.esign.cn">e签宝</a>
                <br><br><a href="https://www.tsinghua.edu.cn/">清华大学</a>
                <br><br><a href="https://www.swufe.edu.cn/">西南财经大学</a></div>
        </div>
        <div class="copyright">
            <p >版权所有 © <a class="year"></a> 成都领一科技有限公司  </p>
            <p><a href="https://beian.miit.gov.cn/">蜀ICP备2023010982号</a></p>
        </div>
    </footer>
</div>
</body>
<script src="./js/layui.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var year = new Date().getFullYear()
        $(".year").text(year)
        $(".qrcode").hover(function (){
            $(".contact-qrcode").css('display','block')
        })
        $(".qrcode").mouseleave(function (){
            $(".contact-qrcode").css('display','none')
        })
        var page = 1
        var $wrap = $('.wrapper'), pages = $('.page').length, scrolling = false, currentPage = 1, $navPanel = $('.nav-panel'), $scrollBtn = $('.scroll-btn'), $navBtn = $('.nav-btn'), $layuiNav = $('.layui-nav-item');
        function manageClasses() {
            $wrap.removeClass(function (index, css) {
                return (css.match(/(^|\s)active-page\S+/g) || []).join(' ');
            });
            $wrap.addClass('active-page' + currentPage);
            $navBtn.removeClass('active');
            $layuiNav.removeClass('layui-this');
            $('.active' + currentPage).addClass('layui-this');

            $('.nav-btn.nav-page' + currentPage).addClass('active');

            $navPanel.addClass('invisible');
            scrolling = true;
            setTimeout(function () {
                $navPanel.removeClass('invisible');
                scrolling = false;
            }, 1000);
        }
        function clearAnimate(){
            let tempDom =  $('.page'+currentPage+' .item');
            tempDom.each(function(index,item){

                let className = $(item).attr('class');
                //console.log('className',className,className.indexOf('animate__animated'))
                if(className.indexOf('animate__animated')!=-1){
                    $(item).removeClass(className);
                    setTimeout(()=>{
                        $(item).addClass('animate__animated')
                        $(item).addClass(className);
                        $(item).show()
                    },50)

                }


            })
        }
        function navigateUp() {
            if (currentPage > 1) {
                currentPage--;
                if (Modernizr.csstransforms) {
                    clearAnimate()
                    manageClasses();
                } else {
                    $wrap.animate({ 'top': '-' + (currentPage - 1) * 100 + '%' }, 1000);
                }
            }
        }
        function navigateDown() {
            if (currentPage < pages) {
                currentPage++;
                if (Modernizr.csstransforms) {
                    manageClasses();
                    clearAnimate()

                } else {
                    $wrap.animate({ 'top': '-' + (currentPage - 1) * 100 + '%' }, 1000);
                }
            }
        }
        $(document).on('mousewheel DOMMouseScroll', function (e) {
            if (!scrolling) {
                if (e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
                    navigateUp();

                } else {
                    navigateDown();
                }
            }
        });
        $(document).on('click', '.scroll-btn', function () {
            if ($(this).hasClass('up')) {
                navigateUp();
            } else {
                navigateDown();
            }
        });
        $(document).on('click', '.nav-btn:not(.active)', function () {
            if (!scrolling) {
                var target = $(this).attr('data-target');
                if (Modernizr.csstransforms) {
                    $wrap.removeClass(function (index, css) {
                        return (css.match(/(^|\s)active-page\S+/g) || []).join(' ');
                    });
                    $wrap.addClass('active-page' + target);
                    $navBtn.removeClass('active');
                    $(this).addClass('active');
                    $navPanel.addClass('invisible');
                    currentPage = target;
                    scrolling = true;
                    setTimeout(function () {
                        $navPanel.removeClass('invisible');
                        scrolling = false;
                    }, 1000);
                } else {
                    $wrap.animate({ 'top': '-' + (target - 1) * 100 + '%' }, 1000);
                }
            }
        });
        $(document).on('click', '.layui-nav-item:not(.active)', function () {
            if (!scrolling) {
                var target = $(this).attr('data-target');
                console.log('ttt',target)
                if (Modernizr.csstransforms) {
                    $wrap.removeClass(function (index, css) {
                        return (css.match(/(^|\s)active-page\S+/g) || []).join(' ');
                    });
                    $wrap.addClass('active-page' + target);
                    $layuiNav.removeClass('active');
                    $(this).addClass('active');
                    $navPanel.addClass('invisible');
                    currentPage = target;
                    scrolling = true;
                    setTimeout(function () {
                        $navPanel.removeClass('invisible');
                        scrolling = false;
                    }, 1000);
                } else {
                    $wrap.animate({ 'top': '-' + (target - 1) * 100 + '%' }, 1000);
                }
            }
        });
    });
</script>
<script type="application/javascript">

    layui.use(['element','carousel'], function(){
        var element = layui.element;
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#banner'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            ,autoplay: true
            // ,anim: 'updown' //切换动画方式
        });
    });
</script>
</html>